<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/st/front/CSS/base.css">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/st/front/CSS/index.css">
    <script src="${pageContext.servletContext.contextPath}/st/front/JS/jquery.min.js"></script>
    <script src="${pageContext.servletContext.contextPath}/st/front/JS/index.js"></script>
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/st/front/font/demo.css">
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/st/front/font/iconfont.css">
    <title>小米商城</title>
    <link rel="shortcut icon" href="${pageContext.servletContext.contextPath}/images/logo.jpg" />
</head>
<body>
<!--侧边导航栏-->
<div class="RsideNav">
    <ul class="RsideNavMain">
        <li>
            <a href="javascript:void(0);">
                <span class="iconfont">&#xe623;</span>
                <span>手机app</span>
            </a>
        </li>
        <li>
            <a href="${pageContext.servletContext.contextPath}/Center">
                <span class="iconfont">&#xe651;</span>
                <span>个人中心</span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="iconfont">&#xe687;</span>
                <span>售后服务</span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="iconfont">&#xe6ee;</span>
                <span>人工客服</span>
            </a>
        </li>
        <li>
            <a href="${pageContext.servletContext.contextPath}/mycart">
                <span class="iconfont">&#xf0179;</span>
                <span>购物车</span>
            </a>
        </li>
        <li></li>
        <li class="backTop">
            <a href="javascript:void(0);">
                <span class="iconfont">&#xe65b;</span>
                <span>回到顶部</span>
            </a>
        </li>
    </ul>

</div>
<!--头部-->
<div class="header">
    <div class="headerMiddle">
        <div class="headerLeft">
            <ul>
                <li><a href="javascript:void(0);">小米商城</a></li><span>|</span>
                <li><a href="javascript:void(0);">MlUl</a></li><span>|</span>
                <li><a href="javascript:void(0);">loT</a></li><span>|</span>
                <li><a href="javascript:void(0);">云服务</a></li><span>|</span>
                <li><a href="javascript:void(0);">金融</a></li><span>|</span>
                <li><a href="javascript:void(0);">有品</a></li><span>|</span>
                <li><a href="javascript:void(0);">小爱开放平台</a></li><span>|</span>
                <li><a href="javascript:void(0);">企业团购</a></li><span>|</span>
                <li><a href="javascript:void(0);">资质证照</a></li><span>|</span>
                <li><a href="javascript:void(0);">协议规则</a></li><span>|</span>
                <li><a href="javascript:void(0);">下载app</a></li><span>|</span>
                <li><a href="javascript:void(0);">Select Location</a></li>
            </ul>
        </div>
        <div class="headerRight">
            <div class="headerCar">
                    <a href="${pageContext.servletContext.contextPath}/mycart">
                        <span>购物车 (${count})</span>
                        <span class="iconfont">&#xf0179;</span>
                    </a>
            </div>
            <div class="headerLogin">
                <ul>
                    <c:if test="${user==null}">
                        <li><a href="${pageContext.servletContext.contextPath}/front_login.jsp">登录</a></li><span>|</span>
                        <li><a href="${pageContext.servletContext.contextPath}/reg.jsp">注册</a></li><span>|</span>
                    </c:if>
                    <c:if test="${user!=null}">
                        <li><a href="${pageContext.servletContext.contextPath}/Center">${user.uname}</a></li><span>|</span>
                        <li><a href="${pageContext.servletContext.contextPath}/Front_out">退出</a></li><span>|</span>
                    </c:if>
                    <li><a href="javascript:void(0);">消息通知</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--导航栏-->
<div class="navbar">
    <div class="navbar-main">
        <div class="navbar-logo">
            <a href="javascript:void(0);" class="logo">
                <span class="iconfont">&#xe635;</span>
            </a>
        </div>
        <div class="navbar-middle">
            <ul>
                <li></li>
                <li>
                    <a href="javascript:void(0);"><span>小米手机</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>Redmi红米</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>电视</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>笔记本</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>家电</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>路由器</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>智能硬件</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>服务</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);"><span>社区</span></a>
                </li>
            </ul>
        </div>
        <div class="navbar-search">
            <form action="${pageContext.servletContext.contextPath}/Search_name" method="get" class="navForm">
                <input type="search" name="search" class="navSearch" placeholder="请输入要搜索的商品">
                <input type="submit" class="navSS iconfont" value="&#xe637;">
            </form>
        </div>
    </div>
    <div class="navExtended">
        <div class="navEM">
            <ul>
                <!--index页面 小米块推荐-->
                <c:forEach var="xioamilist" items="${commoditys}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <!--index页面 红米块推荐-->
                <c:forEach var="xioamilist" items="${comlist2}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <!--index页面 电视块推荐-->
                <c:forEach var="xioamilist" items="${comlist3}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <c:forEach var="xioamilist" items="${comlist4}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <c:forEach var="xioamilist" items="${comlist5}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <c:forEach var="xioamilist" items="${comlist6}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
        <div class="navEM">
            <ul>
                <c:forEach var="xioamilist" items="${comlist7}">
                    <li>
                        <a href="${pageContext.servletContext.contextPath}/FindCid/${xioamilist.cid}" class="navEXP">
                            <img width="120px" height="120px" src="${pageContext.servletContext.contextPath}/images/${xioamilist.picturepath}" alt="">
                            <span>${xioamilist.comname}</span>
                            <span>${xioamilist.minpraice}</span>
                        </a>
                    </li><span></span>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
